<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="footer">
<body>
<footer class="footer bg-white">
    <div class="footer-social">
        <div class="footer-container clearfix">
            <div class="social-list">
            </div>
        </div>
    </div>
    <div class="modal-footer no-margin-top">
        <ul class="pagination pull-right no-margin">

            <!-- 首页 -->
            <li>
                <a th:href="'/toArticlePage?pageNum=0'">首页</a>
            </li>

            <!-- 上一页 -->
            <li th:if="${page.hasPrevious()}">
                <a th:href="'/toArticlePage?pageNum=' + ${page.previousPageable().getPageNumber()}" th:text="上一页"></a>
            </li>

            <!-- 中间页 -->
            <li th:each="pageNum:${#numbers.sequence(0, page.getTotalPages() - 1)}">
                <a th:href="'/toArticlePage?pageNum=' + ${pageNum}" th:text="${pageNum + 1}" th:if="${pageNum ne page.getPageable().getPageNumber()}"></a>
                <a th:href="'/toArticlePage?pageNum=' + ${pageNum}" th:text="${pageNum + 1}" th:if="${pageNum eq page.getPageable().getPageNumber()}" th:style="'font-weight:bold;background: #6faed9;'"></a>
            </li>

            <!-- 下一页 -->
            <li th:if="${page.hasNext()}">
                <a th:href="'/toArticlePage?pageNum=' + ${page.nextPageable().getPageNumber()}" th:text="下一页"></a>
            </li>

            <!-- 尾页 -->
            <li>
                <a th:href="'/toArticlePage?pageNum=' + ${page.getTotalPages() - 1}">尾页</a>
            </li>

        </ul>
    </div>
    <div class="footer-meta">
        <div class="footer-container">
            <div class="meta-item meta-copyright">
                <div class="meta-copyright-info">
                    <div class="info-text">
                        <a style="display: block;margin: 0 auto;" class="info-logo">
                            <img style="display: block;margin: 0 auto;" th:src="@{/user/img/bloglogo.jpg}"/>
                        </a>
                        <p style="margin: 30px"><time class="comment-time"></time> &copy; Powered By <a style="color: #0e90d2" rel="nofollow">CrazyStone</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<script th:src="@{/user/js/headroom.min.js}"></script>
<script th:src="@{/user/js/highlight.min.js}"></script>
<script th:src="@{/user/js/instantclick.min.js}"></script>
</body>
</html>